<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
    *{
        margin:0px;
        padding:0px;
    }
    div{
        margin:50px;
    }
    dl{
        border:1px solid #AAA;
        cursor:pointer;
    }
    dd{
        display:none;
        background:#060;
    }
    a{
        text-decoration:none;
        color:black;
        font-size:10px;
    }
</style>
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
            $(".list dl").click(function(){
                    $(this).children("dd").slideDown().end().siblings().children("dd").slideUp();
                });
            });
</script>
<body>
    <div class="list">
	<dl>
	  <dt>第1章 Web标准思想</dt>
	  <dd><a href="#">1.1 掌握学习的思想</a></dd>
	  <dd><a href="#">1.2 传统网站 David Siegel</a></dd>
	  <dd><a href="#">1.3 传统网站 VS Web标准</a></dd>
	  <dd><a href="#">1.4 Web标准的好处</a></dd>
	  <dd><a href="#">1.5 推荐优秀书籍</a></dd>
      </dl>
      	<dl>
	  <dt>第1章 Web标准思想</dt>
	  <dd><a href="#">1.1 掌握学习的思想</a></dd>
	  <dd><a href="#">1.2 传统网站 David Siegel</a></dd>
	  <dd><a href="#">1.3 传统网站 VS Web标准</a></dd>
	  <dd><a href="#">1.4 Web标准的好处</a></dd>
	  <dd><a href="#">1.5 推荐优秀书籍</a></dd>
      </dl>
      	<dl>
	  <dt>第1章 Web标准思想</dt>
	  <dd><a href="#">1.1 掌握学习的思想</a></dd>
	  <dd><a href="#">1.2 传统网站 David Siegel</a></dd>
	  <dd><a href="#">1.3 传统网站 VS Web标准</a></dd>
	  <dd><a href="#">1.4 Web标准的好处</a></dd>
	  <dd><a href="#">1.5 推荐优秀书籍</a></dd>
      </dl>
      	<dl>
	  <dt>第1章 Web标准思想</dt>
	  <dd><a href="#">1.1 掌握学习的思想</a></dd>
	  <dd><a href="#">1.2 传统网站 David Siegel</a></dd>
	  <dd><a href="#">1.3 传统网站 VS Web标准</a></dd>
	  <dd><a href="#">1.4 Web标准的好处</a></dd>
	  <dd><a href="#">1.5 推荐优秀书籍</a></dd>
        </dl>
    </div>
</body>
</html>



